<template>
    <div
        class="device-check-reader"
        v-if="pointinspectioncontents&&pointinspectioncontents.length!==0">
        <device-check-card
            v-for="item in pointinspectioncontents"
            :key="item.pointinspectionname"
            :detailData="item" />
    </div>
    <wp-null-data-area
        class="no-data"
        :null-data-msg="$st('wp_No_data')"
        v-else
        null-text-msg-color="rgba(0,0,0,0.6)"
    />
</template>

<script>
import DeviceCheckCard from './DeviceCheckCard';

export default {
    props: {
        pointinspectioncontents: Array
    },
    components: {
        DeviceCheckCard
    }

};
</script>

<style lang="scss" scoped>

.device-check-reader{
    padding-bottom: 20px;
    height: calc(100vh - 44px - 20px);
    overflow: auto;
}
</style>
